<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>23201013505-王子毓</title>
  <link rel="stylesheet" href="fonts/iconfont.css">
  <link rel="stylesheet" href="css/index.css">
</head>

<body>

  <div class="service-wrap out">
    <div class="search-header">
      <div class="ipt">
        <span class="iconfont icon-kefu"></span>
        <input type="text" placeholder="您好，在线客服为您服务">
      </div>
      <span class="iconfont icon-menu"></span>
    </div>



    <div class="service" id="service">
      <ul>
        <!-- 动态 json 渲染 -->
      </ul>
    </div>

    <h3 class="tit">服务优选</h3>
    <div class="yx">
      <div>
        <h3>以旧换新享优惠</h3>
        <p>全场至高享2023元券</p>
        <img src="images/fw9.jpg" alt="">
      </div>
      <div>
        <h3>手机特惠屏优惠</h3>
        <p>屏幕维修150元起</p>
        <img src="images/fw10.jpg" alt="">
      </div>
    </div>

    <h3 class="tit">附近服务 <span>查看更多></span></h3>
    <img src="images/fw11.jpg" style="width: 100%;" alt="">


  </div>


  <nav>
    <a href="index.html">
      <span class="iconfont icon-home"></span>
      首页
    </a>
    <a href="menu.html">
      <span class="iconfont icon-menu"></span>
      分类
    </a>
    <a href="service.html" class="choose">
      <span class="iconfont icon-heart"></span>
      服务
    </a>
    <a href="#">
      <span class="iconfont icon-cart"></span>
      购物车
    </a>
    <a href="user.html">
      <span class="iconfont icon-user"></span>
      我的
    </a>

  </nav>

</body>
<script src="js/service.js"></script>

</html>